<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>จัดการข้อมูล</title>

<style>
.logo{
	margin-top:-10px;
	z-index:9999;
	position:fixed;
	width:100%;
	height:20px;
	top:10px;
}
.headertx{
	margin-top:25px;
	left:150px;
	z-index:9999;
	position:fixed;
	width:100%;
	height:20px;
	top:10px;
}
.header{
	margin-top:5px;
	z-index:9999;
	position:fixed;
	width:100%;
	height:60px;
	background: #fefcea; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: #ffd65e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#febf04',GradientType=0 ); /* IE6-8 */

box-shadow:0px 0px 1px 1px #333333;
}
.menu{
	position:fixed;
	width:200px;
	height:*;
	margin-top:100px;
	margin-left:-10px;
}
.menu th{
	color:#FFF;
	border-radius:5px;
	background: rgb(255,48,25); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */
box-shadow:0px 0px 1px 1px #333333;
}
.menu td{
	border-radius:5px;
	background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
box-shadow:0px 0px 1px 1px #333333;
}
.content{
	z-index:1;
	position:absolute;
	margin-top:90px;
	border-radius:5px;
	margin-left:230px;
	width:70%;
	height:*;
	background-color:#FFFFFF;
	opacity:0.8;
	box-shadow:0px 0px 1px 1px #333333;
}
body{
	background-attachment:fixed;
	background-color:#AAA9A9;

}
.detial{
	margin-left:5%;
	margin-right:25%;
}
</style>
<script type="text/javascript" src="<?php echo base_url();?>js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			 $(".submenu").click(function(event) {
                var href = $(this).attr('href');
                $('.content').fadeOut("fast").hide().load( href ).fadeIn('fast');
                event.preventDefault();
            });
		 });
	</script>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div class="header"></div>
<div class="headertx">
	<table width="641">
    <tr>
      <td><h1>ระบบเยี่ยมบ้านนักเรียน โรงเรียนสันกำแพง</h1></td>
    </tr>
	</table>

</div>
<div class="logo">
	<img src="/img/logo.png" width=""  height="120">
</div>
<div class="detial">
<div class="menu">
  <table width="200" border="0" cellspacing="0" cellpadding="5">
    <tbody>
      <tr>
        <th colspan="2" nowrap>Login</th>
      </tr>
      <tr>
        <td width="102" align="right" valign="middle" nowrap>ชื่อผู้ใช้: </td>
        <td width="78" align="center" valign="middle" nowrap><?php echo $login['username']; ?></td>
      </tr>
      <tr>
        <td align="right" valign="middle" nowrap>ชื่อ - นามสกุล : </td>
        <td align="center" valign="middle" nowrap><?php echo $login['name']; ?>&nbsp;&nbsp;<?php echo $login['lastname']; ?></td>
        </tr>
      <tr>
        <td colspan="2" align="center" valign="middle" nowrap><a href="/index.php/login/logout">Logout</a></td>
      </tr>
    </tbody>
  </table>
  <br>
  <table width="200" border="0" cellspacing="0" cellpadding="5">
    <tbody>
      <tr>
        <th nowrap>Menu</th>
      </tr>
      <tr>
        <td align="center" valign="middle" nowrap><a class="submenu" href="<?php echo base_url();?>index.php/admin/selectUser">จัดการข้อมูลผู้ใช้</a></td>
      </tr>
      <tr>
        <td align="center" valign="middle" nowrap><a class="submenu" href="<?php echo base_url();?>index.php/admin/test1">ข้อมูลนักเรียน</a></td>
      </tr>
      <tr>
        <td align="center" valign="middle" nowrap><a class="submenu" href="<?php echo base_url();?>index.php/admin/test2">รายงาน</a></td>
      </tr>
    </tbody>
  </table>
</div>
<div class="content">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>
</div>
</body>
</html>
